<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./css/Administrator.css">
</head>
<body>
	<div id="fade" class="black_overlay"></div>
	<div class="header">
		<p id="index">教务管理系统</p>
		<div class="header-rigth">
			<div class="header-phone">
				<img id="img" src="./img/t01daef890a8fddbee4.jpg">
				<div class="dis" style="display: none;">
					<a href="index.html">退出</a>
				</div>
			</div>
		</div>
	</div>
	<div class="conter">
		<div class="conter-left">
			<ul>
				<!-- <li><a href="##">系统管理</a></li>
				<li><a href="##">课程管理</a></li>
				<li><a href="##">学籍管理</a></li>
				<li><a href="##">成绩管理</a></li>
				<li><a href="##">学生资料查询</a></li>
				<li><a href="##">学生成绩查询</a></li>
				<li><a href="##">用户管理</a></li> -->
				<li><a href="##">选课系统</a></li>
				<li><a href="##">学生成绩查询</a></li>
				<li><a href="##">成绩录入</a></li>
				<li><a href="##">发布公告</a></li>
				<li><a href="##">添加学生信息</a></li>
				<li><a href="##">添加教师信息</a></li>
				<li><a href="##">学生账户信息</a></li>
				<li><a href="##">教师账户信息</a></li>
			</ul>
		</div>
		<div class="conter-rg" id="rg0" style="display: block;">
			<div class="main">
				<a href="##">欢迎登陆教务系统 ！</a>
			</div>
		</div>
		<div class="conter-rg" id="rg" style="display: none;">
			<h3>选课系统</h3>
			<div class="bottm">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>Tid</td>
						<td>Con</td>
						<td>Cname</td>
						<td>Ton</td>
						<td>Son</td>
						<td>操作</td>
					</tr>
					<tr>
						<td>111111</td>
						<td>11626526</td>
						<td>科学</td>
						<td>1055456</td>
						<td>11633354</td>
						<td><a href="##">添加</a> <a href="##">删除</a></td>
					</tr>
					<tr class="odd">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="odd">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="odd">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
					</tr>
					<tr class="rh">
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td><a href="##">上一页</a></td>
						<td><a href="##">下一页</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rg" id="rg" style="display: none;">
			<h3>请输入查询条件</h3>
			<div class="infor">
				<ul>
					<li>学号：<input type="text" name=""></li>
					<li>姓名：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>Gid</td>
						<td>Con</td>
						<td>UsualG</td>
						<td>finalG</td>
						<td>OverallG</td>
						<td>Son</td>
					</tr>
					<tr>
						<td>111111</td>
						<td>11626526</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
					</tr>
					<tr class="odd">
						<td>2222222</td>
						<td>25825866</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
					</tr>
					<tr>
						<td>333333</td>
						<td>656566</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
					</tr>
					<tr>
						<td>333333</td>
						<td>656566</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
					</tr>
					<tr>
						<td>333333</td>
						<td>656566</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rg" id="rg" style="display: none;">
			<h3>请输入查询条件</h3>
			<div class="infor">
				<ul>
					<li>学号：<input type="text" name=""></li>
					<li>选课编号：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm1">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
							<th>7</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>成绩id</td>
						<td>选课编号</td>
						<td>平时成绩</td>
						<td>期末成绩</td>
						<td>综合成绩</td>
						<td>学号</td>
						<td>操作</td>
					</tr>
					<tr>
						<td>111111</td>
						<td>11626526</td>
						<td>40</td>
						<td>60</td>
						<td>100</td>
						<td>11633354</td>
						<td><a href="##">修改</a> <a href="##">添加</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rg" id="rg" style="display: none;">
			<div class="conter-conter">
				<input type="text" id="note_text" /> <input type="button"
					id="add_button" value="添加公告" /> <input type="button"
					id="clear_button" value="清除所有" style="float: right;" />
				<ul id="stickies" class="stickies">
					<li><span class="sticky">公告内容!</span></li>
				</ul>
			</div>
		</div>

		<div class="conter-rgh" id="rg" style="display: none;">
			<h3>学生信息添加</h3>
			<div class="infor">
				<ul>
					<li>学号：<input type="text" name=""></li>
					<li>姓名：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm1">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
							<th>7</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>学生id</td>
						<td>学号</td>
						<td>学生姓名</td>
						<td>密码</td>
						<td>专业</td>
						<td>班级</td>
						<td>操作</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td><a href="##">添加</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rgh" id="rg" style="display: none;">
			<h3>教师信息添加</h3>
			<div class="infor">
				<ul>
					<li>职工号：<input type="text" name=""></li>
					<li>姓名：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm1">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
							<th>7</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>教师id</td>
						<td>职工号</td>
						<td>姓名</td>
						<td>电话</td>
						<td>密码</td>
						<td>角色</td>
						<td>操作</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td><a href="##">添加</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rgh" id="rg" style="display: none;">
			<h3>学生信息查询修改</h3>
			<div class="infor">
				<ul>
					<li>职工号：<input type="text" name=""></li>
					<li>姓名：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm1">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
							<th>7</th>
						</tr>
					</thead>

					<tr class="odd">
						<td>学生id</td>
						<td>学号</td>
						<td>学生姓名</td>
						<td>密码</td>
						<td>专业</td>
						<td>班级</td>
						<td>操作</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td><a href="##">修改</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rgh" id="rg" style="display: none;">
			<h3>教师信息查询修改</h3>
			<div class="infor">
				<ul>
					<li>职工号：<input type="text" name=""></li>
					<li>姓名：<input type="text" name=""></li>
					<button>查询</button>
				</ul>
			</div>
			<div class="bottm1">
				<table id="tab" width="80%" height="100%">
					<thead>
						<tr>
							<th>1</th>
							<th>2</th>
							<th>3</th>
							<th>4</th>
							<th>5</th>
							<th>6</th>
							<th>7</th>
						</tr>
					</thead>
					<tr class="odd">
						<td>教师id</td>
						<td>职工号</td>
						<td>姓名</td>
						<td>电话</td>
						<td>密码</td>
						<td>角色</td>
						<td>操作</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td></td>
						<td><a href="##">修改</a></td>
					</tr>
				</table>
			</div>
		</div>
		<div class="conter-rg" id="rg9" style="display: none;">
			<div class="white_content" id="light" style="display: none;">
				<div class="lt">
					<a class="bihe">关闭</a>
					<p>登录管理系统</p>
					<ul>
						<li><a>学 号 : </a><input type="text" name=""></li>
						<li><a>密 码 : </a><input type="text" name=""></li>
					</ul>
				</div>
				<div class="rt">
					<button style="outline: none;">登录</button>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<p>版权所有：Mr.唐</p>
		<a>相思湖学院</a>
	</div>
</body>
<script type="text/javascript" src="./js/jquery-3.3.1.js"></script>
<script type="text/javascript">

    $("#img").click(function(){
    	if($(".dis").css("display") == "none"){
     		$(".dis").css("display","block");
     	}else{
     		$(".dis").css("display","none");
     	}
    })
    
    $(".bihe").click(function(){
        $(".white_content").css("display","none");
        $("#fade").css("display","none");
    })


    $("#index").click(function(){
    	$("#rg0").css("display","block");
    	$("#rg").css("display","none");
    	$("#rg9").css("display","none");
    })

     $(".conter-left li").click(function(){
        $(".conter-left li").removeClass("or");
        $(this).addClass("or");
        $("#rg0").css("display","none");
        $("#rg9").css("display","none");
        var index = $(".conter-left li").index($(this));
        $(".conter #rg").css("display", "none");
        $(".conter #rg:eq("+ index +")").css("display", "block");
    })

</script>
<script type="text/javascript">
        var notetext = document.getElementById("note_text");
        var add = document.getElementById("add_button");
        var stickies = document.getElementById("stickies");
        var clesr = document.getElementById("clear_button");
        var noteList = [];
        var note = {};
        
        window.onload = function(){
            if(localStorage["notes"]){
            noteList = JSON.parse(localStorage["notes"]);
            for(var i = 0 ; i < noteList.length; i++){
                var liNote = document.createElement("li");
                var spanNote = document.createElement("span");
                spanNote.className = "sticky";
                spanNote.innerHTML = noteList[i]["note"];
                liNote.appendChild(spanNote);
                liNote.ondblclick = deleteNote;
                stickies.appendChild(liNote);
                
            }
           }
            
        }
        function deleteNote(){
            
            noteList = JSON.parse(localStorage["notes"]);
            noteList.splice(this.title,1);
            localStorage["notes"] = JSON.stringify(noteList);
            this.parentNode.removeChild(this);
        }
    
        
        add.onclick = function(){
            note = {};
            if(localStorage["notes"]){
                noteList = JSON.parse(localStorage["notes"]);
            }
                note["note"] = notetext.value;
                noteList.push(note);
                localStorage["notes"] = JSON.stringify(noteList);
                var liNote = document.createElement("li");
                var spanNote = document.createElement("span");
                spanNote.className = "sticky";
                spanNote.innerHTML = notetext.value;
                liNote.appendChild(spanNote);
                liNote.title = noteList.length - 1;
                liNote.ondblclick = deleteNote;
                stickies.appendChild(liNote);
        }
        
        clesr.onclick = function(){
            noteList = JSON.parse(localStorage["notes"]);
            noteList.splice(this.title);
            localStorage["notes"] = JSON.stringify(noteList);
            this.parentNode.removeChild(this);
        }
        
    </script>
</html>